<style>
    .card{
       /* width: 90%;*/
        background-color: #ffffff;
        margin: 0.5em 1em 1em 1em;
        height: 6em;
        padding: 0.5em;
        border-radius: 0.3em;
        color: #666666;
        font-size: 0.9em;
    }
    .card3-true{
        /* width: 90%;*/
        background-color: #ffffff;
        margin: 0.5em 1em 1em 1em;
        height: 6em;
        padding: 0.5em;
        border-radius: 0.3em;
        color: #666666;
        font-size: 0.9em;
    }
    .card3-false{
        /* width: 90%;*/
        background-color: #ffffff;
        margin: 0.5em 1em 1em 1em;
        height: 9em;
        padding: 0.5em;
        border-radius: 0.3em;
        color: #666666;
        font-size: 0.9em;
    }
    #scroller .title{
        /*width: 100%;*/
        margin: 1.3em 1em 0 1em;
        color: #333333;
    }
    .card .card1{
        width: 49%;
        float: left;
        line-height: 3em;
        padding-left: 1%;
    }
    .card .card2{
        width: 49%;float: left;line-height: 3em;text-align: right;padding-right: 1%;
    }
    .card3-true .card1{
        width: 49%;
        float: left;
        line-height: 3em;
        padding-left: 1%;
    }
    .card3-true .card2{
        width: 49%;float: left;line-height: 3em;text-align: right;padding-right: 1%;
    }
    .card3-false .card1{
        width: 49%;
        float: left;
        line-height: 3em;
        padding-left: 1%;
    }
    .card3-false .card2{
        width: 49%;float: left;line-height: 3em;text-align: right;padding-right: 1%;
    }
    .next{
        font-size: 1.1em;width: 70%;
        border: 0;
        border-radius: 0.5em;
        height: 2.2em;
        color: #ffffff;
        background-color: #F74042;
        -webkit-appearance: none;
    }
  /*  .card .date{

    }
    .card .right{
        position:relative;bottom: 3em
    }*/
</style>
<div id="header">
    <!--<i class="fa fa-home" style="font-size: 2em;padding-left: 0.5em;float: left;position: absolute;line-height: 1.2em;left: 0;" ng-click="goMain()"></i>-->
    <span class="icon-home2"  style="font-size: 1.8em;padding-left: 0.5em;float: left;position: absolute;line-height: 1.5em;left: 0;" ng-click="goMain()"></span>
    <span>我要发车</span>
</div>
<div id="wrapper" style="background-color: #EEEEEE;font-family: '黑体'  ">
    <div id="scroller">
        <div class="title"><span class="icon-icon-26"></span> 选择始发地</div>
        <div class="card">
            <div ng-click="selectCity(1)">
                <div class="card1" style="border-bottom: 1px solid #E5E5E5;"><span class="icon-icon-12" style="padding-left: 0.25em"></span><span style="padding-left: 0.6em">当前位置</span></div>
                <div class="card2" style="border-bottom: 1px solid #E5E5E5;"><!--<input type="text" id="te"/>-->
                <!--<select id="sss" ng-click="selectCity()" >
                    <option value="1">请选择</option><option value="2">请2选择</option><option value="3">请选3择</option>
                </select-->
                <!--<select id="citySelect" style="z-index:1;color: #0086b3;border: 0;font-size: 1.2em;position: absolute; right: 2em" ng-model="cityData.selectVal" ng-options="city.id as city.name for city in cityData.citys" ng-change="selectChange()">
                    <option value="">请选择</option>
                </select>--><span>{{inforData.startCity}}&nbsp;</span><span class="icon-icon-08"></span>
                <!--<i class="fa fa-angle-right" style="font-size: 2em;position: relative;right: 0em;top: 0.15em;"></i>-->
                </div>
            </div>
            <div id="pickerButton">
                <div class="card1"><span class="icon-icon-11"></span><span style="padding-left: 0.4em">启程日期</span></div>
                <div class="card2"><!--onchange="listenInput()"-->
                <input type="text" data-field="date" data-format="yyyy-MM-dd" id="date1" style="display: none" readonly>
                <span>{{inforData.startTime}}</span>
                <span class="icon-icon-08"></span>
            </div>
            </div>
        </div>

        <div class="title"><span class="icon-icon-27"></span> 选择目的地</div>
        <div class="card">
            <div ng-click="selectCity(2)">
                <div class="card1" style="border-bottom: 1px solid #E5E5E5;"><span class="icon-icon-12" style="padding-left: 0.25em"></span><span style="padding-left: 0.6em">目的地</span></div>
                <div class="card2" style="border-bottom: 1px solid #E5E5E5;">{{inforData.endCity}}&nbsp;<span class="icon-icon-08"></span></div>
            </div>
            <div id="pickerButton1">
                <div class="card1"><span class="icon-icon-11"></span><span style="padding-left: 0.4em">到货日期</span></div>
                <div class="card2">

                       <!-- <input type="text" data-field="date" data-format="yyyy-MM-dd" ng-model="inforData.endTime" oninput="listenInput()"
                                 id="date2" readonly>--><!-- onblur="alert(this.value)"-->
                    <input type="text" data-field="date" data-format="yyyy-MM-dd" id="date2" style="display: none" readonly>
                   <!--<input type="text" ng-model="inforData.endTime"/>-->
                    <span>{{inforData.endTime}}</span>
                    <span class="icon-icon-08"></span>
                </div>
            </div>
        </div>

        <div class="title"><span class="icon-icon-29"></span> 发件人信息</div>
        <div class="card3-{{inforData.phone!==updatephone?false:true}}">
            <div class="card1" style="border-bottom: 1px solid #E5E5E5;width: 25%;"><span class="icon-icon-15"></span><span style="padding-left: 0.6em">姓名</span><span style="">｜</span></div>
            <div class="card2" style="border-bottom: 1px solid #E5E5E5;text-align: left;width: 73%;">
                <input style="border: 0" ng-model="inforData.username" placeholder="请输入姓名"/>
            </div>
            <div class="card1" style="width: 25%;"><span class="icon-icon-02" style="padding-left: 0.25em"></span><span style="padding-left: 0.7em">手机</span><span style="">｜</span></div>
            <div class="card2" style="text-align: left;width: 73%;">
                <input type="number" style="border: 0;width: 55%" ng-model="inforData.phone" placeholder="请输入手机号码"/>
                <button ng-show="inforData.phone!==updatephone" type="button" ng-click="getCode1(inforData.phone)" class="sendcode" style="line-height: 20px;">{{user.btnVal}}</button>
            </div>
            <div ng-show="inforData.phone!==updatephone?true:false" class="card1" style="border-top: 1px solid #E5E5E5;width: 27%;"><span class="icon-icon-02" style="padding-left: 0.25em"></span><span style="padding-left: 0.7em">验证码</span><span style="">｜</span></div>
            <div ng-show="inforData.phone!==updatephone?true:false" class="card2" style="border-top: 1px solid #E5E5E5;text-align: left;width: 70%;">
                <input type="number" ng-model="code" style="border: 0;" placeholder="请输入验证码"/>
            </div>
        </div>

        <div style="width: 100%;text-align: center;margin: 1em 0 2em 0;">
            <!--<input onclick="alert(121212)" type="button" value="下一步" class="color1 next" />
            <input type="button" value="Hello world!" onclick="alert(12124564512)">-->
            <button type="button" ng-click="goNext();"  class="color1 next">下一步</button>
        </div>



        <!--<ul>
            <li>Pretty row 3</li>
            <li>Pretty row 4</li>
            <li><input type="text"></li>
            <li>Pretty row 6</li>
            <li>Pretty row 7</li>
            <li>Pretty row 8</li>
            <li><input type="checkbox"></li>
            <li>Pretty row 1</li>
            <li>Pretty row 2</li>
            <li>Pretty row 3</li>
            <li>Pretty row 4</li>
            <li><input type="text"></li>
            <li>Pretty row 6</li>
            <li>Pretty row 7</li>
            <li>Pretty row 8</li>
            <li><input type="checkbox"></li>
            <li>Pretty row 1</li>
            <li>Pretty row 2</li>
            <li>Pretty row 3</li>
            <li>Pretty row 4</li>
            <li><input type="text"></li>
            <li>Pretty row 6</li>
            <li>Pretty row 7</li>
            <li>Pretty row 8</li>
            <li><input type="checkbox"></li>
            <li>Pretty row 2</li>


        </ul>-->
    </div>
    <div id="dtBox"></div>
    <div id="dtBox1"></div>

    <div id="popup" ng-show="pop1">
        <div id="popup2" style="">
            <div style="text-align: center;padding-top: 40px;height: 70px;">
                <span>{{content}}</span>
            </div>
            <div style="text-align: center;border-top: 1px solid #666666;">
               <!-- <button style="border-right: 1px solid #666666" ng-click="cancelPop()">取消</button>-->
                <button id="pop1button">确定</button>
            </div>
        </div>
    </div>

</div>
